<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>

<script>
	$(document).ready( function() {

		function ar(e) {
			alert("wassup");
		}
		;

        $("#datepicker").datepicker( {
            onSelect : function(date) {
                $("#datepicker").hide();
                $("#date").text(date);
            }
        }).hide();
	
		function tu(e) {
			$("#datepicker").show();
		}
		;

		$("#date").bind("click", tu);

	});
</script>
</head>
<body>
<div id="date">2009</div>
<div id="datepicker"></div>
<span></span>
</body>
</html>